//////////////////////////////////////////////////////////////////////////////////////////
//   _  _ ____ _  _ ___  ____                                                           //
//   |_/  |__| |\ | |  \ |  |    This file belongs to Kando, the cross-platform         //
//   | \_ |  | | \| |__/ |__|    pie menu. Read more on github.com/kando-menu/kando     //
//                                                                                      //
//////////////////////////////////////////////////////////////////////////////////////////

// SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
// SPDX-License-Identifier: MIT

@use '../../variables.scss' as *;

.container {
  position: relative;
  flex-grow: 1;
  background-color: $window-background;
  padding: 8px;
  display: flex;
  flex-direction: column;
  min-height: 0px; // This is important to make the scrollboxes work.
  border-top: $area-border;
}

.properties {
  display: flex;
  gap: 5px;
  flex-direction: column;
  padding-bottom: 60px;
}

.icon {
  -webkit-app-region: no-drag;

  width: 6em;
  height: 6em;
  flex-shrink: 0;
  margin: -30px auto 0 auto;
  background-color: $window-background;
  border-top: $area-border;
  border-radius: 50%;
  overflow: hidden;

  & > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.name {
  font-size: 1.3rem;
  margin: 0 8px;
}

.floatingButton {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
